<template>
  <div class="content">
    <div class="page">
      <h2>企业信息</h2>
      <div class="body">
        <el-form
          label-width="150px"
          label-position="left"
          :model="form.enterprise"
        >
          <el-form-item label="企业名称:">
            <el-input v-model="form.enterprise.name"></el-input>
          </el-form-item>
          <el-form-item label="统一社会信用代码:">
            <el-input v-model="form.enterprise.corporationNumber"></el-input>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <div class="page">
      <h2>管理员信息</h2>
      <div class="body">
        <el-form label-width="150px" label-position="left" :model="form.id">
          <el-form-item label="真实姓名:">
            <el-input v-model="form.id.realname"></el-input>
          </el-form-item>
          <el-form-item label="证件号码:">
            <el-input v-model="form.id.number"></el-input>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <div class="btn">
      <el-button type="primary" size="large" @click="edit">点击认证</el-button>
    </div>
  </div>
</template>

<script lang="ts" setup>
// import { shios } from '@/api/Shios';
import { ref } from 'vue';

const form = ref({
  // 管理员
  id: {
    number: '',
    realname: '',
    nationalEmblemSide: '', // 身份证国徽面
    portraitSide: '', // 身份证人像面
  },
  // 企业
  enterprise: {
    name: '',
    corporationNumber: '', // 统一社会信用代码
    businessLicense: '', // 营业执照
  },
});
/** 修改数据 */
function edit() {
  console.log(form.value);
}
</script>

<style lang="scss" scoped>
.content {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.body {
  display: flex;
  justify-content: space-between;
}
.btn {
  margin-bottom: 30px;
}
</style>
